a{overflow: hidden}
img:hover{transform: scale(1.05)}


.nav .main{width: 1190px}
.nav .nav_head{display: flex;width: 100%;justify-content: space-between}
.nav .nav_head span{display: block;width: 180px}
.nav .nav_head span:first-of-type{width: 180px;text-align: center;background: #CB351A;font-size: 15px;line-height: 36px;height: 36px;color: #fff;}
.nav .nav_head span:last-of-type{cursor: pointer;color: #7a7a7a;display: block;width: 180px;font: 12px arial;line-height: 36px;height: 36px;border: 1px solid #999;text-align: center;background: #eee}
.nav .nav_head ul{text-align: left;flex: 1;line-height: 34px;font-size: 16px}
.nav .nav_head ul li {float: left;margin:0 12px;box-sizing: border-box;overflow: hidden}
.nav .nav_head ul li a{color: #666666}
.nav .nav_head ul li a:hover{color: #CB351A}
/*.nav .nav_head ul li.active{background: url("../img/index/red_up.png")no-repeat center bottom;background-size: 5px }*/
.nav .nav_head ul li.active a{ color: #CB351A;}
/*.nav .nav_head ul li.active:after{content: "";width: 0;height: 0;display: block;border-bottom: 2px solid #CB351A;position:relative;width: 100%;bottom: 0px;}*/

.nav .nav_main{overflow: hidden}
.nav .nav_main img:hover{transform: none}
.nav .nav_main .list{float: left;}
.nav .nav_main .list ul{position: relative;flex: 0;width: 180px;height: 480px;display: flex;flex-direction: column;justify-content: space-between}
.nav .nav_main .list ul li{flex: 1;border-bottom: 1px solid #b82f17;border-top: 1px solid #da5a44;height: 49px;line-height: 20px;font-size: 14px;    background: #cb3e25;padding: 1.2px 0;}
.nav .nav_main .list ul li i{transition: width 0.25s linear;display: block;height: 100%;width: 34px;background: url("../img/index/icon_index.png" )no-repeat;float: left}
.nav .nav_main .list ul li:nth-of-type(1) i{background-position:right -50px}
.nav .nav_main .list ul li:nth-of-type(2) i{background-position:right -92px}
.nav .nav_main .list ul li:nth-of-type(3) i{background-position:right -266px}
.nav .nav_main .list ul li:nth-of-type(4) i{background-position:right -134px}
.nav .nav_main .list ul li:nth-of-type(5) i{background-position:right -179px}
.nav .nav_main .list ul li:nth-of-type(6) i{background-position:right -223px}
.nav .nav_main .list ul li:nth-of-type(7) i{background-position:right -310px}
.nav .nav_main .list ul li:nth-of-type(8) i{background-position:right -394px}
.nav .nav_main .list ul li:nth-of-type(9) i{background-position:right -350px}
.nav .nav_main .list ul li:hover i{width: 48px; }
.nav .nav_main .list ul li:hover .nelBox{display: block}
.nav .nav_main .list ul li .nelBox{display: none;position: absolute;width: 400px;height: 480px;background: #fff;z-index: 10;left: 180px;top: 0;padding: 12px 8px 12px 15px;line-height: 20px;}
.nav .nav_main .list ul li .nelBox strong{display: block;font-size: 12px;font-weight: bold;height: 22px;}
.nav .nav_main .list ul li .nelBox p{    border-bottom: 1px dashed #ccc;padding-bottom: 8px;margin-bottom: 12px;overflow: hidden}
.nav .nav_main .list ul li .nelBox a{    margin-right: 17px;  line-height: 20px;  float: left;color: #999999}
.nav .nav_main .list ul li .nelBox a.on1{color: #cb3e25;}
.nav .nav_main .list ul li .nelBox a:hover{color: #cb3e25;}

.nav .nav_main .list ul li i{display: inline-block;width: 40px}
.nav .nav_main .list ul li div:first-of-type{display: inline-block;}
.nav .nav_main .list ul li div h3{margin-top: 5px;}
.nav .nav_main .list ul li div h3 a{color: white}
.nav .nav_main .list ul li div p a {   color: #eca598;  font-size: 12px;  margin-right: 5px;}

.nav .nav_main .banner{height: 480px;float: left;width: 810px;position: relative;}
.nav .nav_main .banner ul{position: relative;overflow: hidden;height: 480px;}
.nav .nav_main .banner ul li {position: absolute;opacity: 0}
.nav .nav_main .banner ul li.active{opacity: 1}

.nav .nav_main .banner ol{position: absolute;display: flex;justify-content: center;width: 100%;bottom: 30px}
.nav .nav_main .banner ol li{display: inline-block;width: 157px;height: 50px;text-align: center;position: relative;overflow: hidden}
.nav .nav_main .banner ol li.active{top:-10px}
.nav .nav_main .banner ol li img{width: 100%;}

.nav .nav_main .spread{float: left;}
.nav .nav_main .spread ul li{display: block;margin-top: 1px;width: 200px;height: 159px;background: #fff;opacity: 0.9;}

.hot_banner .main{display: flex;justify-content: space-around;    margin-top: 25px;}
.hot_banner .main img:hover{transform: none}
.container{    background: #f3f3f3;width: 100%;}
.sale{margin-top: 50px}
.sale .top{height: 38px;line-height: 46px;overflow: hidden;position: relative;margin-bottom: 3px;}
.sale .top h3{float:left;font-size: 18px;margin-right: 10px ;overflow: hidden;font-weight: bold;line-height: 46px;   }
.sale .top b{float:left;}
.sale .top a.more{float: right;}
.sale  ul{overflow: hidden}
.sale  ul li{width: 290px;float: left;    margin: 0 10px 10px 0;
    position: relative;}
.sale  ul li a{width: 290px;height: 290px;display: block}
.sale  ul li:nth-of-type(4n+4){margin-right: 0}
.sale  ul li .saleTit{background: white;overflow: hidden;height: 60px;position: absolute;bottom: 0;width: 100%}
.sale  ul li .saleTit h3{float: left;    padding-top: 6px;}
.sale  ul li .saleTit h3 em{font-size: 12px;  color: #999;}
.sale  ul li .saleTit h3 p{line-height: 24px;font-size: 14px;height: 24px;overflow: hidden;}
.sale  ul li .saleTit span{float: right;color: #e02200;    line-height: 60px;font-size: 12px;}
.sale  ul li .saleTit span b{font-size: 2em}

.like{margin-top: 50px}
.like .top{height: 38px;line-height: 46px;overflow: hidden;position: relative;margin-bottom: 3px;}
.like .top h3{float:left;font-size: 18px;margin-right: 10px ;overflow: hidden;font-weight: bold;line-height: 46px;   }
.like .top b{float:left;}
.like .top a.more{float: right;}
.like  ul{overflow: hidden}
.like  ul li{;overflow:hidden;width: 230px;height: 220px;float: left;    margin: 0 10px 10px 0;}
.like  ul li:nth-of-type(5n+5){margin-right: 0;}
.like  ul li a{display: block;width: 100%;text-align: center;padding-top: 10px;background: white}
.like  ul li a img{width: 150px;height: 150px;text-align: center;margin: auto}
.like  ul li .pro_name{ font-size: 12px;  height: 24px;overflow: hidden;padding: 0 10px;text-align: center;line-height: 24px;color: #666;}
.like  ul li .price{color: red}
.like  ul li .price b{font-size: 18px;color: red}
.like  ul li .price s{font-size: 12px;color: #a1a1a1;}

.f1  .aside{position: relative;;width: 180px;background: white;float: left}
.f1 .aside h3{;width: 180px;color: white;    background: #03a4fe;border-color: #c9ebff;    height: 42px;margin-top: 4px;width: 180px;line-height: 40px;position: relative;top: -4px;left: 0px;color: #fff;font-size: 16px;border-bottom: 4px solid #fff;}
.f1 .aside h3 b{background: #5cc3ff;    display: block;width: 30px;height: 40px;line-height: 50px;margin: 0 11px 0 28px;font-size: 18px;text-align: center;float: left;position: relative;top: -4px;}
.f1 .aside .list{width: 180px;  border-top: none;overflow: hidden;padding: 0 0 13px 25px;height: 230px;}
.f1 .aside .list ul{box-sizing: border-box;display: flex;flex-wrap: wrap;width: 100%}
.f1 .aside .list ul li{width: 50%;font-size: 12px}
.f1 .aside .list ul li a{color: #666;display: block;width: 62px;height: 30px;float: left;line-height: 30px;margin-right: 10px;overflow: hidden;}
.f1 .aside .list ul li a.blue{color: #03a4fe;}
.f1 .aside .list ul li a:hover{color: #CB351A;!important;}

.f1 .aside .banners{display: flex;align-items: center}
.f1 .aside .banners ul{margin: auto;overflow: hidden;height: 207px;display: flex;flex-direction: column;justify-content: space-between;align-items: center}
.f1 .aside .banners ul{float: left;text-align: center}
.f1 .aside .banners ul li img{margin: auto}

.f1 .content{float: left;overflow: hidden}

.f1 .content a img{margin-bottom: 10px}
.f1 .content a img:hover{transform: none}

.f1 .content  .left{float: left;width: 520px;    margin-right: 10px;height: 491px;}
.f1 .content  .mid{    width: 230px;float: left;margin-right: 10px;height: 491px;}
.f1 .content .right{float: left;height: 491px;}

.bottom_banner{width: 100%}
.bottom_banner img{width: 100%}
.bottom_banner img:hover{transform: none}
.bottom_list .main{line-height: 20px;font-size: 12px;display: flex ;padding: 30px 45px;justify-content: space-between;}
.bottom_list .main dl{width: 200px;}
.bottom_list .main dt{font-size: 15px;line-height: 26px}
.bottom_list .main dd a{color: #666}
.bottom_list .main dd a:hover{color: #CB351A;}
.bottom_list .main dd img{width: 95px;height: 95px;}
.bottom_list .main dd img:hover{transform: none}
